<!DOCTYPE html5>

<head>
<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Geo' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/popup.css">
<script src="js/md5.js" type="text/javascript"></script>
<script src="js/sha-1.js" type="text/javascript"></script>
<script src="js/sha-256.js" type="text/javascript"></script>
<script src="js/sha-512.js" type="text/javascript"></script>
<script src="js/crc32.js" type="text/javascript"></script>
<script src="js/ripemd160.js" type="text/javascript"></script>
<script src="js/ZeroClipboard.js" type="text/javascript"></script>
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.11.custom.min.js" type="text/javascript"></script>
<script src="js/popup.js" type="text/javascript"></script>
</head>

<body>
<ul class="bs-tabs js-bs-mutable">
<li class="bs-tab selected" rel="#bs-homeTab">encode</li><li class="bs-tab bs-imgTab" rel="#bs-imgTab">image</li><li class="bs-tab" rel="#bs-hashTab">hash</li>
</ul>
<div class="bs-tabBody" id="bs-homeTab">
<div class="bs-left js-orange">
  <div class="bs-wordBubble">
    <label for="bs-string">ASCII 
      <!--<span class="bs-button bs-clip" id="bs-clipStr" rel="bs-string"><span></span></span>--> 
      <span class="bs-button"><span class=" bs-maximize" rel="bs-string"></span></span>
    </label>
    <textarea id="bs-string" rel="99" rows="6"></textarea>
    <label for="bs-hex">Hex<span class="bs-button"><span class="bs-maximize" rel="bs-hex"></span></span></label>
    <textarea id="bs-hex" rel="16" rows="6"></textarea>
    <label for="bs-dec">Decimal<span class="bs-button"><span class="bs-maximize" rel="bs-dec"></span></span></label>
    <textarea id="bs-dec" rel="10" rows="6"></textarea>
    <label for="bs-binary">binary<span class="bs-button"><span class="bs-maximize" rel="bs-binary"></span></span></label>
    <textarea id="bs-binary" rel="2" rows="6"></textarea>
  </div>
</div>
<div class="bs-right js-orange">
  <div class="bs-wordBubble">
    <label for="bs-base64">Base64<span class="bs-button"><span class="bs-maximize" rel="bs-base64"></span></span></label>
    <textarea id="bs-base64" rel="64" rows="6"></textarea>
    <label for="bs-url">URI encoded<span class="bs-button"><span class="bs-maximize" rel="bs-url"></span></span></label>
    <textarea id="bs-url" rel="80" rows="6"></textarea>
    <label for="bs-urlC">URI Component<span class="bs-button"><span class="bs-maximize" rel="bs-urlC"></span></span></label>
    <textarea id="bs-urlC" rel="443" rows="6"></textarea>
    <div class="bs-catsFooter"> 
      
      <!--<img src="img/catsmouth.gif" alt="for great justice..." />--> 
      
    </div>
  </div>
</div>
</div>
<div class="bs-tabBody bs-bottomPad js-orange" id="bs-imgTab">
	<div class="bs-imageBox js-bs-mutable" ><img class="bs-imageOutput" alt="base64 output" /></div>
  <label for="bs-base64Img" class="js-bs-mutable">Base64 tag<span class="bs-button"><span class="bs-maximize" rel="bs-base64Img"></span></span></label>
  <textarea id="bs-base64Img" class="js-bs-mutable" rel="641" rows="6"></textarea>
</div>
<div class="bs-tabBody bs-bottomPad js-orange" id="bs-hashTab">
    <div class="js-bs-mutable">
	  <label for="bs-md5">md5<span class="bs-button"><span class="bs-maximize" rel="bs-md5"></span></span></label>
    <textarea id="bs-md5" rel="555" rows="3"></textarea>
    <label for="bs-sha1">sha-1<span class="bs-button"><span class="bs-maximize" rel="bs-sha1"></span></span></label>
    <textarea id="bs-sha1" rel="111" rows="3"></textarea>
    <label for="bs-sha256">sha-256<span class="bs-button"><span class="bs-maximize" rel="bs-sha256"></span></span></label>
    <textarea id="bs-sha256" rel="256" rows="3"></textarea>
    <label for="bs-sha512">sha-512<span class="bs-button"><span class="bs-maximize" rel="bs-sha512"></span></span></label>
    <textarea id="bs-sha512" rel="512" rows="3"></textarea>
    <label for="bs-crc32">crc32<span class="bs-button"><span class="bs-maximize" rel="bs-crc32"></span></span></label>
    <textarea id="bs-crc32" rel="320" rows="3"></textarea>
    <label for="bs-md160">ripe md160<span class="bs-button"><span class="bs-maximize" rel="bs-md160"></span></span></label>
    <textarea id="bs-md160" rel="160" rows="3"></textarea>
  </div>
</div>
</body>
</html>